<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title></title>
    <script src="../../js/index.js"></script>
    <link rel="stylesheet" href="../../common/moblie-reset.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="logo">
            <img src="../images/LOGO.png" alt="logo">
        </div>

        <div class="search">
            <input type="text" placeholder="请输入商品名称">
            <img src="../images/搜索矩.png" alt="search">

        </div>

        <div class="select">
            <select>
                <option value="tianhequ">天河区</option>
                <option value="tianhequ">天河区</option>
                <option value="tianhequ">天河区</option>
            </select>
            <img src="../images/1.png" alt="下箭头">
        </div>
    </header>
    <!-- 轮播图 -->
    <img src="../images/首页_02.png" alt="datu">

    <!-- 中间体 -->
    <div class="nav-shopping">
        <div class="left">
            <img src="../images/2.png" alt="logo">
            <span>优惠团购</span>
        </div>
        <div class="right">
            <span>更多</span>
            <img src="../images/7.png" alt="logo">
        </div>
    </div>

    <div class="img-wrap">
        <img src="../images/3.png" alt="img">
        <img src="../images/4.png" alt="img">
        <img src="../images/5.png" alt="img">
        <img src="../images/6.png" alt="img">
    </div>

    <div class="nav-shopping">
        <div class="left">
            <img src="../images/8.png" alt="logo">
            <span>猜你喜欢</span>
        </div>
        <div class="right">
            <span>更多</span>
            <img src="../images/7.png" alt="logo">
        </div>
    </div>
    <!-- 卖东西列表 -->
    <div class="list-wrap">
        <a href="../作业/details.html">
            <div class="list">
                <div class="left">
                    <img src="../images/9.png" alt="dx">
                </div>
                <div class="right">
                    <div class="text-wrap-top">
                        <span>万岁寿司（正佳店）</span>
                        <span> <100m </span>
                    </div>

                    <div class="text-wrap-middle">
                        <span>[100店通用]</span>
                        <span>双人套餐</span>
                    </div>

                    <div class="text-wrap-bottom">
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </div>
                </div>
            </div>
        </a>
        <a href="../作业/details.html">
            <div class="list">
                <div class="left">
                    <img src="../images/9.png" alt="dx">
                </div>
                <div class="right">
                    <div class="text-wrap-top">
                        <span>万岁寿司（正佳店）</span>
                        <span> <100m </span>
                    </div>

                    <div class="text-wrap-middle">
                        <span>[100店通用]</span>
                        <span>双人套餐</span>
                    </div>

                    <div class="text-wrap-bottom">
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </div>
                </div>
            </div>
        </a>

        <a href="../作业/details.html">
            <div class="list">
                <div class="left">
                    <img src="../images/9.png" alt="dx">
                </div>
                <div class="right">
                    <div class="text-wrap-top">
                        <span>万岁寿司（正佳店）</span>
                        <span> <100m </span>
                    </div>

                    <div class="text-wrap-middle">
                        <span>[100店通用]</span>
                        <span>双人套餐</span>
                    </div>

                    <div class="text-wrap-bottom">
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </div>
                </div>
            </div>
        </a>

        <a href="../作业/details.html">
            <div class="list">
                <div class="left">
                    <img src="../images/9.png" alt="dx">
                </div>
                <div class="right">
                    <div class="text-wrap-top">
                        <span>万岁寿司（正佳店）</span>
                        <span> <100m </span>
                    </div>

                    <div class="text-wrap-middle">
                        <span>[100店通用]</span>
                        <span>双人套餐</span>
                    </div>

                    <div class="text-wrap-bottom">
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </div>
                </div>
            </div>
        </a>

        <a href="../作业/details.html">
            <div class="list">
                <div class="left">
                    <img src="../images/9.png" alt="dx">
                </div>
                <div class="right">
                    <div class="text-wrap-top">
                        <span>万岁寿司（正佳店）</span>
                        <span> <100m </span>
                    </div>

                    <div class="text-wrap-middle">
                        <span>[100店通用]</span>
                        <span>双人套餐</span>
                    </div>

                    <div class="text-wrap-bottom">
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </div>
                </div>
            </div>
        </a>

        <a href="../作业/details.html">
            <div class="list">
                <div class="left">
                    <img src="../images/10.png" alt="dx">
                </div>
                <div class="right">
                    <div class="text-wrap-top-2">
                        <span>周黑鸭（正佳店）</span>
                        <span> <100m </span>
                    </div>

                    <div class="text-wrap-middle">
                        <span>[100店通用]</span>
                        <span>双人套餐</span>
                    </div>

                    <div class="text-wrap-bottom">
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </div>
                </div>
            </div>
        </a>
    </div>
    <!-- 底部导航栏 -->
    <div>
        <div style="height: .62rem;">
            <div class="nav-bottom">
                <ul>
                    <li>
                        <a href="../作业/index.html">
                            <div class="picture-1"></div>
                            <h2>首页</h2>
                        </a>
                    </li>
                    <li>
                        <a href="../作业/sort.html">
                            <div class="picture-2"></div>
                            <h2>分类</h2>
                        </a>
                    </li>
                    <li>
                        <a href="../作业/find.html">
                            <div class="picture-3"></div>
                            <h2>发现</h2>
                        </a>
                    </li>
                    <li>
                        <a href="../作业/user.html">
                            <div class="picture-4"></div>
                            <h2>我的</h2>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</body>

</html>